<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>详细页</title>
		<link rel="stylesheet" href="css/all.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/xiangxiye.css"/>
	</head>
	<body>
		<!--头部信息-->
		<header>
			<div id="header-top">
				<span class="h-span">全国服务热线 : 400-000-0000</span>
				<a href="">加入首页</a>
				<a href="">加入收藏</a>
			</div>
			<nav id="nav">
				<div id="logo-ming">
					<img src="img/logo.png"/>
					<h2>TK科技有限公司</h2>
					<h3>cer dcd keo Holdings Co,Ltd</h3>
				</div>
				<ul>
					<li class="li-one">
						<a href="shouye.html">
						<h3>首页</h3>
						<span>Home</span>
						<i class="i1"></i>
						<i class="i2"></i>
						</a>
					</li>
					<li class="li-two">
						<a href="">
							<h3>关于我们</h3>
							<span>About</span>
							<i class="i1"></i>
							<i class="i2"></i>
						</a>
					</li>
					<li class="li-three">
						<a href="chanpinye.html" target="_blank">
							<h3>产品中心</h3>
							<span>Products</span>
						<i class="i1"></i>
						<i class="i2"></i>	
						</a>
					</li>
					<li class="li-four">
						<a href="">
							<h3>服务支持</h3>
							<span>Service</span>
							<i class="i1"></i>
							<i class="i2"></i>
						</a>
					</li>
					<li class="li-five">
						<a href="">
							<h3>新闻中心</h3>
							<span>News</span>
							<i class="i1"></i>
							<i class="i2"></i>
						</a>
					</li>
					<li class="li-six">
						<a href="xiangxiye.html" target="_blank">
							<h3>在线商店</h3>
							<span>Shop</span>
							<i class="i1"></i>
							<i class="i2"></i>
						</a>
					</li>
					<li class="li-seven">
						<a href="">
						<h3>联系我们</h3>
						<span>Contacts Us</span>
						<i class="i1"></i>
						<i class="i2"></i>
						</a>
					</li>
				</ul>
			</nav>
		</header>
		
		
		<!--内容-->
		<div class="big-box">
			<div class="tu-he">
				<img src="img/详细头部图.png"/>
			</div>
			<div class="tou">
				<span>首页 > 新品发布 > S6207Y-WR</span>
			</div>
			<div class="nei-tuwen">
				<div class="nei-tu">
					<div class="datu">
						<img src="img/01.png"/>			
					</div>
		
					<div class="piclist">
						<ul class="clearfix">
							<li>
								<img src="img/01.png"/>
							</li>
							<li>
								<img src="img/02.png"/>
							</li>
							<li>
								<img src="img/03.png"/>
							</li>
							<li>
								<img src="img/04.png"/>
							</li>
							<li>
								<img src="img/05.png"/>
							</li>
						</ul>
					</div>
					<!--js-->
<script type="text/javascript">
			console.log(document.querySelectorAll("ul li"))
var daImg = document.querySelector(".datu img");
var imglist = document.querySelectorAll("ul li img");
for(let i=0;i<imglist.length;i++){
	imglist[i].addEventListener("mousemove",function(){
		daImg.src=imglist[i].src
	})
}
</script>
					<!--<div class="tu-big">
						<input type="radio" id="te-li-1">
						<label for="te-li-1" class="te-li-1">
							<img src="img/s1.png"/>
						</label>
						<img src="img/big.png" class="big-img-1"/>
						
						<input type="radio" id="te-li-2">
						<label for="te-li-2" class="te-li-2">
							<img src="img/s2.png"/>
						</label>
						<img src="img/s2.png" width="305px" class="big-img-2"/>
						<input type="radio" id="te-li-3">
						<label for="te-li-3" class="te-li-3">
							<img src="img/s3.png"/>
						</label>
						<input type="radio" id="te-li-4">
						<label for="te-li-4" class="te-li-4">
							<img src="img/s4.png"/>
						</label>
						<input type="radio" id="te-li-5">
						<label for="te-li-5" class="te-li-5">
							<img src="img/s5.png"/>
						</label>
						</div>-->
				</div>
				<div class="nei-wen">
					<ul>
						<li>
							<h2>百万高清网络摄像机</h2>
						</li>
						<li>
							<h3>型号 : S6207Y-WR</h3>
						</li>
						<li>
							<span>描述 :</span>
						</li>
						<li>
							<p>100万无线高清64GB TF卡 语音对讲 智能连接 手机观看</p>
						</li>
						<li>
							<ol>
								<li>1、采用H.264视频压缩技术，实现超低码率、高清晰画质，128k-2056Kbps可调;</li>
								<li>2、1280*720 Pixels(1000k Pixels) 720P/VGA</li>
								<li>3、支持控制上下旋转巡航(水平355度/垂直120度);支持ONVIF协议，标准RTSP流；</li>
								<li>4、支持最大64GB TF卡插入，支持双向对讲；</li>
								<li>5、支持smartlink免网线智能配置摄像机WiFi；支持手机远程监控(iPhone，Android)</li>
							</ol>
						</li>
						<li class="last-li">
							<input type="submit" value="立即购买" class="mai"/>
							<input type="submit" value="联系我们" class="lian"/>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="nav-te">
				<div class="one-nav">
					<i></i>
					<a href="">产品描述</a>
					<b></b>
				</div>
				<div class="two-nav">
					<i></i>
					<a href="#canshu">规格参数</a>
					<b></b>
				</div>
				<div class="three-nav">
					<i></i>
					<a href="">产品图集</a>
					<b></b>
				</div>
				<!--<span>规格参数</span>
				<span>产品图集</span>-->
			</div>
			
			<div class="one-miao">
				<div class="title-one">
					<h2>720P高清画质</h2>
					<span>百万高清镜头，高性能海思芯片</span>
					<p>1280×720分辨率，清晰度是普通摄像头的3倍</p>
				</div>
				<div class="tu-one">
					<img src="img/shouji.png" class="one1"/>
					<img src="img/sxone.png" class="one2"/>
					<img src="img/倒影.png" class="one3"/>
				</div>
			</div>
			
			<div class="two-miao">
				<div class="title-two">
					<h2>10米红外夜视</h2>
					<span>零光源不用怕，成像一样清晰</span>
					<p>红外校正的光学设计，自动校正红外虚焦，保证晚上图像清晰，红外灯照射距离可达10米，配备IR-CUT，夜晚彩转黑白</p>
				</div>
				<div class="tu-two">
					<img src="img/two-te.png"/>
					<span></span>
				</div>
			</div>
			
			<div class="three-miao">
				<div class="title-three">
					<h2>移动侦测 信息推送</h2>
					<span>精准度高，误报率低。不怕贼惦记</span>
					<p>当监控区域出现移动目标时，监控录像就会自动开启录像功能，并会在第一时间将异常情况发送报警提示您</p>
				</div>
				<div class="tu-three">
					<img src="img/three-te.png"/>
					<span></span>
					<i></i>
				</div>
			</div>
			
			<div class="zhong-te">
				<h2>您可以在这些地方使用！</h2>
				<div class="yuan-1">
					<img src="img/zhongs.png"/>
				</div>
				<!--one-->
				<div class="one-text">
					<img src="img/yuan1.png"/>
					<div class="wenben1">
						<h3>看护宝宝</h3>
						<p>保姆一个人在家带孩子，还是有些不放心，通过手机可随时看到家中的情况，了解宝贝的状态。</p>
					</div>
				</div>
				<!--two-->
				<div class="two-text">
					<img src="img/yuan2.png"/>
					<div class="wenben2">
						<h3>监护老人</h3>
						<p>通过摄像头可以与老人进行对讲交流，知道父母的身体情况，情亲沟通无障碍。</p>
					</div>
				</div>
				<!--three-->
				<div class="three-text">
					<img src="img/yuan3.png"/>
					<div class="wenben3">
						<h3>看守家庭</h3>
						<p>24小时全天候监控，保护家庭生命财产安全。</p>
					</div>
				</div>
				<!--four-->
				<div class="four-text">
					<img src="img/yuan4.png"/>
					<div class="wenben4">
						<h3>看管店铺</h3>
						<p>出门在外，晚上回家，如有小偷关顾，立即将报警信息发送到您的手机，可高清回放，留取证据。</p>
					</div>
				</div>
			</div>
			<div class="nav-te-one">
				<a name="canshu">规格参数</a>
			</div>
			<!--表-->
			<div class="biao-te">
				<span class="biao-tu-one"><img src="img/biao-sx1.png"/></span>
				<span class="biao-tu-two"><img src="img/biao-sx2.png"/></span>
				<span class="biao-tu-three"><img src="img/表.png"/></span>
			</div>
			<div class="nav-te-two">
				<span class="te-one-zi">更</span>				
				<span class="te-two-zi">多</span>				
				<span class="te-three-zi">产</span>				
				<span class="te-four-zi">品</span>				
			</div>
			<!--表结束-->
			<!--底部产品-->
			<div class="di-chanpin">
				<!--one-->
				<img src="img/di-one.png" class="di-1"/>
				<img src="img/di-one.png" class="di-1-1"/>
				<!--two-->
				<img src="img/di-two.png" class="di-2"/>
				<img src="img/di-two.png" class="di-1-2"/>
				<!--three-->
				<img src="img/di-three.png" class="di-3"/>
				<img src="img/di-three.png" class="di-1-3"/>
				<!--four-->
				<img src="img/di-four.png" class="di-4"/>
				<img src="img/di-four.png" class="di-1-4"/>
				<!--five-->
				<img src="img/di-five.png" class="di-5"/>
				<img src="img/di-five.png" class="di-1-5"/>
			</div>
		</div>
		
		<!--底脚信息-->
		<div id="footer">
			<div class="footer-one">
				<p>
					关注我们 : 
					<i class="iconfont icon-weibo1"></i>
					<i class="iconfont icon-weixin"></i>
					<i class="iconfont icon-qq1"></i>	
				</p>
				<p>
					<a href="">网站首页</a> · 
					<a href="">新闻动态</a> · 
					<a href="">关于我们</a> · 
					<a href="">团队风采</a> · 
					<a href="">联系我们</a> · 
					<a href="">在线留言</a>
				</p>
			</div>
			<div class="footer-two">
				<p>
					&copy;2015&nbsp;&nbsp;TK科技有限公司&nbsp;&nbsp;版权所有沪ICP证13022560号-7&nbsp;&nbsp;All&nbsp;&nbsp;Right&nbsp;&nbsp;Reserved
				</p>
			</div>
		</div>
	</body>
</html>
